/* --------------------------------------- Template CMS - BEN 02/01/2024 -----------------------------------------*/ /* ---- ----------------------Couleurs ------------- Orange #A83A19 #A83A19 Orange clair hover #F39000 #F39000 -------------------------------------------------------*/ @font-face { font-family: "fertigo"; src: url("./fonts/Fertigo_Pro_Regular.ttf") format("truetype"); font-display: auto; } @font-face { font-family: "introhead"; src: url("./fonts/introheadr-base.otf") format("truetype"); font-display: auto; } html { height: 101%;} body { margin: 0; padding: 0; position: relative; background-color: #ffffff; color: #000; text-align: left; line-height: 1.6; font-size: 16px; height: auto; } body.contentpane { background: #fff;} * { padding: 0; margin: 0;} h1, h2, h3, h4, h5, h6, div.contentheading, .componentheading { padding: 3px 0; margin: 0; font-style: normal; font-weight: normal; text-align: left;} h1, div.componentheading {font-size: 32px; font-weight: 600; padding: 15px 0; text-align: left;} h1 a, h2 a { color: #000;} h2, div.contentheading {font-size: 25px; font-weight: 600; } h3 { line-height: 1.3; font-size: 130%; font-weight: 600; } body, .home-title {font-family: 'Open Sans', sans-serif;} .featured-themes h2, .featured-voyages h2, .featured-partners h2, .footer-titre, #trip-detail .t2 {font-family: 'fertigo', 'Open Sans', sans-serif; letter-spacing:0.75px;} p {font-family: 'Open Sans', sans-serif;} #wrapper2, #header-accueil {font-family: sans-serif;} ul, ol { padding: .75em 0 .75em 0; margin: 0 0 0 35px;} ul.menu { margin: 0; padding: 0;} ul.menu li { list-style: none;} ul.menu_usermenu li { float: left; list-style-type: disc; margin: 0 20px 5px 0;} li { line-height: 1.6;} p { padding: 5px 0;} address { margin: .75em 0; font-style: normal;} a { color: #F39000; text-decoration: none; line-height: 20px;} a:hover { color: #A83A19; text-decoration: none;} a:focus { color: #A83A19; outline: none;} img { border: none;} em { font-style: italic;} strong { font-weight: 600;} form, fieldset { margin: 0; padding: 0; border: none;} input, button, select { vertical-align: middle;} select { height:33px;} option { padding: 2px 5px;} .clr { clear : both;} .column.column2 { width: 35%;} .column.center { width: 65%;} .noright .column.center { width: 100%;} .flexiblemodule, .column { float: left;} .icon-eye-open { color: #A83A19; } .icon-play-circle:before {content: "\e00d";} /* --------------------------------------- specific to images -----------------------------------------*/ ul.actions { margin: 0;} ul.actions li a { text-decoration: none;} .print-icon { list-style: none; display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; background: url(../images/system/printButton.png) left center no-repeat;} .email-icon { list-style: none; display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; background: url(../images/system/emailButton.png) left center no-repeat;} .edit-icon { list-style: none; display: inline-block; height: 16px; line-height: 16px; padding-left: 20px; background: url(../images/system/edit.png) left center no-repeat;} /* --------------------------------------- Slideshow FK -----------------------------------------*/ .fabrik_visualization .slideshow { float: left; width: 100%;} /* --------------------------------------- Custom styling -----------------------------------------*/ .container, .container-fluid { margin: 0 auto;} .container { width: 100%;} .container-fluid { max-width: 100%;} .invalid {border: red;} /*--------------------------------------------------------BTN ----------------------------------------*/ .button, button, button.btn, input.btn, :not(.btn-group) > .btn, .btn-group > .btn.active { line-height: 25px; border-radius: 3px; transition: all 300ms ease-in; font-size: 14px;} .btn-primary { background-color: #A83A19;} .btn-black {background:#555555;} .btn-orange {background-color: #F39000; color:#fff; border:none;} .btn:hover,.btn-black:hover, .btn-primary:hover, .btn:active, .btn-primary:active, .btn:focus, .btn-primary:focus { background-color: #F39000;} /*.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled] { color: #fff;background: #A83A19 none repeat scroll 0 0;} */ /* ----------------------------------------------------------------------logo et menu top */ #wrapper2 { height:auto; width: 100%; z-index: 3; position: relative; text-align: right;} #wrapper2 .affix { top:0; width:100%;} #banner > div.inner { margin: auto; height: 60px; box-sizing:border-box;} .inner-top, .inner-bottom { width: 1140px; margin: auto; box-sizing: border-box; padding: 5px 0;} /*-------------------- BANNER TOP ---------- */ #bannertop, #bannerlogo, #bannermenu { width: 100%; box-sizing: border-box;} #bannertop {background-color:#395529; height: 40px; z-index:1;} #bannertop .inner-top {padding-top: 8px;} #bannertop h1 {font-size: 15px; font-weight: normal; margin: 0; line-height: 24px; padding: 0;} #recherche-libre {float: left; width: 200px;} #recherche-libre .input-large {font-size: 12px; padding: 1px 5px; width: auto; border-radius: 3px 0 0 3px; border: none;} #recherche-libre .btn { padding: 5px 8px; font-weight: 300; line-height: 10px; border-radius: 0 3px 3px 0; background-color: #fff; color: #555555; border-left: 1px solid #ddd; vertical-align: top;} #recherche-libre .btn:hover {background-color: #A83A19; color: #fff;} #bannertop-left {float: left; color: #fff; font-size: 15px; padding-top: 0px; padding-right: 120px;} #bannertop-right {color:#FFFFFF;} #bannertop-right span.call-link {color:#fff; font-size:13px} #bannertop-right span.call-number {color:#fff; font-weight:600; line-height:1.7em;} #bannertop-right span.call-questions {margin-right:0px; font-size: 13px;} #bannertop-right span.call-number {margin-right:10px; font-size: 15px;} #bannertop-right .btn-top-sur-mesure {font-size: 13px; line-height: 1em; padding: 4px 10px; margin-left: 10px;} /* -----------------------------BANNER LOGO ---------- ----------------------------------------------------------- */ #bannerlogo { background-color:#555555; padding: 3px 0 5px 0;} #bannerlogo-left { float: left;} #bannerlogo-left span.logo-baseline, .logo-footer-baseline {color:#A83A19; font-size: 15px;} #bannerlogo-left span.logo-baseline {vertical-align: middle;} #bannerlogo-right { float: right;} #bannerlogo-right .btn { margin-top: 7px; text-transform: uppercase; font-weight: 700; font-size: 12px;} /* ----------------------------------BANNER MENU------------------ ------------------------------------------------------------------- */ #bannerfix { width: 100%; box-sizing: border-box;} /* Niveau 1 du menu */ #bannermenu { background: #fff; box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);} #bannermenu .inner-top {padding:0;} #bannermenu ul.nav { float: left;} .maximenucklogo img {margin-right:0px!important; width: 200px; margin-top:0 !important;} #bannermenu ul.maximenuck {border: medium none !important; list-style: outside none none; padding: 0; margin:0;} #bannermenu ul.maximenuck:after { clear: both; display: block; content: " ";} #bannermenu li.maximenuck {text-indent: 0 !important;} #bannermenu li.maximenuck.level1 {display: inline-block; background-size: 65px 65px !important; width: 140px;} #bannermenu li.maximenuck.level1:after {position: absolute; content: ''; border-right: 2px solid #000; height: 70%; top:15px;} #bannermenu li.maximenuck.level1:hover {cursor: pointer; background-color:#000;} #bannermenu li.maximenuck.level1:hover:after {border-right: 2px solid #fff;} #bannermenu li.maximenuck.level1 > a span {display:block; padding-top:60px; text-align:center;} #bannermenu li.maximenuck.level1.item394 {display:none;} #bannermenu li.maximenuck.level1.item414 {background: rgba(0, 0, 0, 0) url(/images/menus/niveau-1/Destinations_1.png) no-repeat scroll top center;} #bannermenu li.maximenuck.level1.item414:hover {background: #000 url(/images/menus/niveau-1/Destinations.png) no-repeat scroll top center;} #bannermenu li.maximenuck.level1.item395 {background: rgba(0, 0, 0, 0) url(/images/menus/niveau-1/Themes_1.png) no-repeat scroll top center;} #bannermenu li.maximenuck.level1.item395:hover {background: #000 url(/images/menus/niveau-1/Themes.png) no-repeat scroll top center;} #bannermenu li.maximenuck.level1.item402 {background: rgba(0, 0, 0, 0) url(/images/menus/niveau-1/Guides_de_voyage_1.png) no-repeat scroll top center; background-size: 50px 45px !important; background-position-y: 10px;} #bannermenu li.maximenuck.level1.item402:hover {background: #000 url(/images/menus/niveau-1/Guides_de_voyage.png) no-repeat scroll top center; background-size: 50px 45px !important; background-position-y: 10px;} #bannermenu li.maximenuck.level1.item412 {background: rgba(0, 0, 0, 0) url(/images/menus/niveau-1/Temoignages_1.png) no-repeat scroll top center;} #bannermenu li.maximenuck.level1.item412:hover {background: #000 url(/images/menus/niveau-1/Temoignages.png) no-repeat scroll top center;} #bannermenu li.maximenuck.level1.item413 {background: rgba(0, 0, 0, 0) url(/images/menus/niveau-1/Videos-3D_1.png) no-repeat scroll top center;} #bannermenu li.maximenuck.level1.item413:hover {background: #000 url(/images/menus/niveau-1/Videos-3D.png) no-repeat scroll top center;} #bannermenu li.maximenuck.level1.item408 {background: rgba(0, 0, 0, 0) url(/images/menus/niveau-1/Qui_sommes-nous_1.png) no-repeat scroll top center;} #bannermenu li.maximenuck.level1.item408:hover {background: #000 url(/images/menus/niveau-1/Qui_sommes-nous.png) no-repeat scroll top center;} #bannermenu li.maximenuck.level1:hover > a span.titreck,#bannermenu li.maximenuck.level1:hover > span.separator {color: #fff;} #bannermenu li.maximenuck.level1 > a, #bannermenu li.maximenuck.level1 > span.separator {border: medium none; color: #333; display: block; position: relative; padding: 0 5px 10px 5px; text-decoration: none;} #bannermenu li.maximenuck.level1.parent > a::after {left: auto; border-color: #ccc transparent transparent; border-style: solid; border-width: 4px 4px 0; /*content: ""*/; position: absolute;} #bannermenu li.level1 > a span.titreck, #bannermenu li.level1 > span.separator span.titreck { font-weight: 400; font-size:12px;} /*Niveau 2 et 3 des menus - generalités*/ #bannermenu li.maximenuck .hidden { display: none !important;} #bannermenu div.floatck { background:#000; width:inherit !important; padding: 20px 0px !important; /*margin: 0 !important;*/ margin-top: 0; box-shadow: 5px 2px 3px rgba(0, 0, 0, 0.2) ; left:auto !important; right:auto !important;} #bannermenu div.floatck ul.maximenuck2 { margin: 0; padding: 0;} #bannermenu div.floatck li { width: 100%; float:left; list-style: outside none none; text-align: left;} #bannermenu div.floatck ul.maximenuck2 li a { display: block; color: #fff;} #bannermenu ul.maximenuck2 li .titreck {padding:2px 10px;display:block; font-weight: 400; white-space:nowrap; overflow:hidden;} #bannermenu div.floatck ul.maximenuck2 li a:hover {color: #FFFFFF; background-color: #F39000;} #bannermenu div.floatck ul.maximenuck2 li.active a {color: #FFFFFF; border: 1px solid #F39000;} #bannermenu div.floatck li img { margin: 10px auto; border-radius: 500px; height: 140px; width: 150px;} #bannermenu .titreck { font-size: 12px;} /* Specifique aux menus avec plusieurs colonnes */ /* Destinations */ #bannermenu .item414 div.floatck {width:auto !important;} #bannermenu .item414 div.floatck li.level2 {width:140px;} /* Themes */ #bannermenu .item395 div.floatck {width:auto !important;} #bannermenu .item395 div.floatck li.level2 {width:150px;} /*Guides de voyage*/ #bannermenu .item402 div.floatck {width:auto !important;} #bannermenu .item402 div.floatck li.level2 {width:140px;} /*Fixeurs*/ #bannermenu .item413 div.floatck {width:auto !important;} #bannermenu .item413 div.floatck li.level2 {width:140px;} /* -----BANNER MENU SI Menus PAYS en LISTE---------- */ #bannermenu .item268 div.floatck li { width: 16.66%; } #bannermenu div.floatck li.level2 .separator {float: left;color: #F39000; text-transform:uppercase; font-weight:bold; width: 100%; text-align: center; padding-bottom: 10px;} #bannermenu div.floatck li.level3 {width: 100%; float: left; /*text-align:left;*/} #bannermenu .item199 div.floatck,#bannermenu .item268 div.floatck { padding: 30px 60px !important;} #bannermenu .item199 .level2 div.floatck, #bannermenu .item268 .level2 div.floatck { padding: 0 !important;} #bannermenu .item199 ul.maximenuck2 li .titreck, #bannermenu .item268 ul.maximenuck2 li .titreck {padding:0px; } #bannermenu .item199 ul.maximenuck2 li.active a, #bannermenu .item268 ul.maximenuck2 li.active a {color: #333 !important; background-color:#fff} #bannermenu .item199 ul.maximenuck2 li.level3 a:hover, #bannermenu .item199 ul.maximenuck2 li.active li.current a, #bannermenu .item268 ul.maximenuck2 li.level3 a:hover, #bannermenu .item268 ul.maximenuck2 li.active li.current a {/*color: #A83A19 !important; */} #bannermenu .item199 div.floatck ul.maximenuck2 li.active a, #bannermenu .item268 div.floatck ul.maximenuck2 li.active a {color: #fff; background-color: #fff;} #bannermenu .item199 .level2 div.floatck ul.maximenuck2 li.active a, #bannermenu .item268 .level2 div.floatck ul.maximenuck2 li.active a { color: #FFF!important; background-color: #A83A19;} #bannermenu .item199 .level3 div.floatck ul.maximenuck2 li.active a:hover, #bannermenu .item268 .level3 div.floatck ul.maximenuck2 li.active a:hover { color: #FFFFFF; background-color: #A83A19!important;} #bannermenu .item199 ul.maximenuck2 li.level3 a:hover, #bannermenu .item268 ul.maximenuck2 li.level3 a:hover { color: #FFFFFF!important; background-color: #A83A19!important;} #maximenuck125.maximenufixed { background: rgba(0, 0, 0, 0) url("/images/HEADER-MENU-BG.png") no-repeat scroll 0px; #f8f7ee; text-align: center; } /* --------------------------------------------------HEADER---------------------- ---------------------------------------------------------------- */ #wrapper3 { position: relative; z-index:2;} #wrapper3 .moduletable_breadcrumb { width:100%; background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0;} #wrapper3 ul.breadcrumb_breadcrumb { color: #fff; width: 1140px; margin: 0px auto; font-size: 12px; list-style: outside none none; padding: 0 0 0 0px; z-index: 10;} #wrapper3 ul.breadcrumb_breadcrumb li { display: inline-block;} #wrapper3 .breadcrumb_breadcrumb > li > .divider { padding: 0 3px;} #wrapper3 ul.breadcrumb_breadcrumb a { color:#fff;} .breadcrumb { padding: 0; margin: 0;} .breadcrumb li { margin: 0;} .moduletable_header {margin-top:0px;} /*------------------------------------------------------------------- Pano header---------------- */ #wrapper { position: relative; z-index: 1; margin-top:0px;} #wrapper > div.inner { width: 100%; box-sizing:border-box;} /*--------------------------- ------------------------------------------Pano header accueil (sans fil ariane)------------------- */ .layout-accueil-voyage-featured #wrapper { margin-top: -20px;} .header-standard { margin: auto; padding: 30px 0 0 0;} .header-pano-wrapper { min-height:500px; position:relative; overflow:hidden; margin-top: -20px;} #details_35_6 .header-pano-wrapper { margin-top: 0px;} #header-accueil .header-pano-title { padding: 20px 0 10px; position: absolute; text-align: center; text-shadow: 5px 2px 3px rgba(0, 0, 0, 0.2); top: 200px; width: 100%; z-index: 2;} .header-pano-wrapper-video {height:600px} .header-pano-bg { position: absolute; left: -1000px; right: -1000px; text-align: center; height: 500px; z-index: 1;} .header-pano-wrapper-video .header-pano-bg { overflow: hidden; height: 600px; position: relative; left: 0;} .ytp-chrome-top {display: none !important;} /*.header-pano-img { height:425px; }*/ .header-pano-trip-wrapper { box-sizing: border-box; position: relative; width: 1140px; margin: auto; z-index: 2; height: 475px;} .header-pano-title { position:absolute; text-align:center; top:35%; width:100%; text-shadow: 5px 2px 3px rgba(0, 0, 0, 0.2); padding: 20px 0 10px 0; z-index: 2;} .header-pano-title h1, .header-pano-title h2 { color:#FFFFFF; padding: 0 15px; box-sizing: border-box;} .header-pano-title h1 { font-size: 70px; font-weight: 600; text-align: center;} .header-pano-title h2 { font-size: 35px; margin-top: 20px; font-weight: 400; text-align: center;} .header-intro { padding: 10px 0px 20px 0px;} .header-pano-intro { margin-top: 20px; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; box-sizing: border-box; height: 480px; width: 400px; color: #ffffff; float: right; padding: 20px 30px; position: relative; z-index: 2; overflow: hidden; right: 0;} .header-pano-intro h1 {padding-top: 25px;} .header-pano-intro-text {margin: 20px 0;} .header-pano-pays { text-transform: uppercase; font-size: 23px; padding-bottom: 15px; color: #A83A19; font-weight: 700; padding-top: 20px;} /*.header-pano-opacity { background-color: #000; opacity: 0.3; height: 100%; z-index: 1; position: absolute; top: 0; width: 100%;}*/ /* HEADER ACCUEIL UNIQUEMENT PLUS HAUT */ .layout-accueil-voyages .header-pano-bg { height: 575px;} .layout-accueil-voyages .header-pano-wrapper { min-height:575px;} /* Specifique header diapo */ .header-diapo-wrapper {position:relative; height:500px !important;} .header-diapo-wrapper>div {height:500px !important;} .header-diapo-wrapper #myCarousel {margin: 0px !important; height:500px !important;} .header-diapo-wrapper .carousel-indicators {bottom:0; top:auto; left:50%; right;auto;} .header-diapo-wrapper .carousel-inner > .item {position: relative; height: 500px; overflow: hidden;} .header-diapo-wrapper .carousel-inner > .item .header-diapo-title { position: absolute; text-align: center; bottom: 100px; width: 100%; padding: 0; z-index: 2; line-height: 60px;} .header-diapo-wrapper .carousel-inner > .item .header-diapo-title .titre1 {font-size:60px; font-weight:600; color:#fff; -webkit-text-fill-color:transparent; -webkit-text-stroke-width:2px;} .header-diapo-wrapper .carousel-inner > .item .header-diapo-title .titre2 {font-size:70px; font-weight:600; color:#fff;} .header-diapo-wrapper .carousel-inner > .item .header-diapo {height:500px; position:absolute; left:-1000px; right:-1000px; text-align:center; z-index:1;} .header-diapo-wrapper .carousel-inner > .item .header-diapo img {z-index:1;} .header-diapo-wrapper .carousel-control {line-height:25px; z-index:3; top:50%;} /*------------------------------------- TRANSITION ZOOM HEADER PANO IMG--------------------*/ @-webkit-keyframes zoom { from { transform: none; } to { transform: scale(1.15); } } @-moz-keyframes zoom { from { transform: none; } to { transform: scale(1.15); } } @-o-keyframes zoom { from { transform: none; } to { transform: scale(1.15); } } @keyframes zoom { from { transform: none; } to { transform: scale(1.15); } } /*.header-pano-img { -webkit-animation: zoom 15s infinite ; -moz-animation: zoom 15s infinite; -o-animation: zoom 15s infinite ; animation: zoom 15s infinite ; }*/ /*--------------------------------- VIDEO ACCUEIL RESPONSIVE-----------------------------*/ .header-pano-wrapper-video .header-pano-bg { overflow: hidden; height: 0; position: relative; width: 100%; padding-bottom:56.25%;} .header-pano-wrapper-video .header-pano-bg iframe { position: absolute; width: 100%!important; height: 100%!important; top: 0; left: 0;} .header-pano-wrapper-video { height: auto;} .ytp-chrome-top, .ytp-chrome-bottom { display: none!important;} /* --------------------------------Header accueil LNT uniquement ---------------------- ------------------------------------------------------------------------------*/ .header-pano-tab { background: #555555 none repeat scroll 0 0; bottom: 0; left:0; color: #fff; padding: 10px 20px; position: absolute; z-index: 2;} .header-pano-trip { background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0; color: #ffffff; float: right; height: 475px; padding: 20px 30px; width: 320px;} .header-pano-expert-img { width: 120px; height: 90px; float:left; margin-right: 20px; padding-bottom: 20px;} .header-pano-trip h3 { clear: both;} .header-pano-expert-img img.expert-img { width: 120px; height: 90px;} .expert-nom { font-size:15px; padding-bottom: 5px;} .expert-presentation {} .header-pano-trip h3 a { color: #fff; padding-bottom: 5px; font-size:15px; } .header-pano-trip-intro {padding: 5px 0;} .header-pano-trip-duree {font-weight: 700; padding-top: 15px; font-size: 20px;} .header-pano-trip-prix { font-size:15px; padding-top: 10px; } .header-pano-trip .btn { display: block; font-weight: 700; text-transform: uppercase; padding-top: 15px; padding-bottom: 15px; margin-top: 25px; font-size: 15px;} /*------------------------------------HEADER CAVAL------------------------------------*/ .header-pano-icone {position: absolute;width:300px;right: 20%;overflow: visible; bottom: 0;z-index: 1} #recherche-accueil-periode, #recherche-accueil-niveau {margin: auto; width: 250px;} #recherche-accueil-niveau {margin-top:15px;} /* Composants */ #usermenu { margin: 0 20px;} #center > div.inner { padding: 0px 0;} #right > div.inner { background: ;} #right div.moduletable, #right div.module,#right div.moduletable_menu, #right div.module_menu { background: #f5f5f5; border: #e3e3e3 1px solid; margin: 20px; padding: 20px;} #modules1 .n1 > .flexiblemodule { width: 100%; } #modules1 .n2 > .flexiblemodule { width: 50%; } #modules1 .n2 > .flexiblemodule + div { width: 50%; } #modules1 .n3 > .flexiblemodule { width: 33.333333333333%; } #modules1 .n3 > .flexiblemodule + div { width: 33.333333333333%; } #modules1 .n3 > .flexiblemodule + div + div { width: 33.333333333333%; } .moduletable li { margin-bottom: 10px; line-height: 22px;} .moduletable_blue { background: none repeat scroll 0 0 #184f85; border: 1px solid #e3e3e3; margin: 20px; padding: 20px; font-size: 18px; line-height: 30px; text-align: center;} .moduletable_blue a { color: #FFFFFF;} .table th, .table td { border-top: 1px solid #ddd; line-height: 18px; padding: 8px; text-align: left; vertical-align: top;} .bg-primary { background-color: #F39000; color: #fff; padding: 15px;} .bg-success { background-color: ; padding: 10px;} .bg-info { background-color: #d9edf7; padding: 15px;} .bg-warning { background-color: #fcf8e3; padding: 15px;} .bg-danger { background-color: #f2dede; padding: 15px;} .alert-message {padding-top:0px; border-color: #F39000; border-width: 5px; color: #333; font-size: 14px; width:80%; margin:auto;} .alert-message h4 { text-align:center; color: #F39000; font-weight: bold; padding-bottom: 15px;} #system-message { text-align: center; width:80%; margin: auto; margin-top:50px;} #system-message h4 { text-align: center;color: #F39000;padding: 15px 0;} .alert {padding: 8px 35px 8px 60px;} /* ------------------------------------------------modifs fabrik listes------------------------------- */ #wrapper .inner-list { width: 1140px; box-sizing: border-box; margin: auto;} #voyages { clear:both;} #voyages .row-fluid {margin:15px 0} .filter-voyages { padding: 0 15px; margin: auto; max-width:1140px; box-sizing: border-box;} .filter-voyages .champ-recherche { margin: 0 15px 0 0;} .filter-voyages .controls { float: left;} .filter-voyages select { margin: 0;} .filter-voyages .fabrikActions {display:none;} .moduletable_search btn {display:none;} .moduletable_search .fb_el_fk_voyages_filters___trier {float: right;width: auto;} .moduletable_search .fb_el_fk_voyages_filters___trier span {display:inline-block !important;} .moduletable_search .fb_el_fk_voyages_filters___trier span label {font-weight: bold;padding-right: 5px;color: #A83A19;} /* ----- Recherche Accueil - oui je sais ça n'a rien a faire là, mais c'est le meme css que pour les form recherche de listes -----*/ .moduletable_search2 .inner-form {width:750px !important;} .moduletable_search2 .filter-voyages {width:auto;} .moduletable_search2 .filter-voyages .control-group {margin-bottom: 10px;} .moduletable_search2 .filter-voyages .fabrikActions {margin:0; padding:0;} .fabrikElementReadOnly {margin-top:0;} #guide-voyage { clear: both; margin-top: 20px;} #guide-voyage .img-guide img, #expert-detail-endroits-secrets .img-guide img, #expert-detail-incontournables .img-guide img { width: 100%;} #guide-voyage h2 { padding: 15px 0;} #guide-voyage .well { margin-bottom: 35px;} .title-guide { padding: 10px 0; line-height: 25px; } .title-guide-expert{text-transform:uppercase; font-size:16px, font-weight: 700;} .title-guide-expertise{font-size:14px} .text-guide { padding-bottom: 20px; /* min-height: 105px;*/} h3.title-voyages a, h3.title-related-trips a { font-weight: 400; color: #555555;} h3.title-voyages a { font-size: 22px; font-weight: 600; line-height: 30px;} h3.title-voyages a:hover, h3.title-related-trips a:hover { color: #A83A19; text-decoration: none;} .destinations-voyages, .liste-destinations { font-size: 13px; line-height: 18px; margin: 8px 0;} .destinations-voyages {clear:left;} #bottom-voyage h2, #bottom2-voyage h2 { text-transform: uppercase; font-weight: bold; text-align: center;} #bottom2-voyage h2 {color:#01a6b6} #bottom-voyage { margin-top: 50px; background-color: #fff;} .themes-voyages { position: absolute; bottom: 10px;} .themes-voyages ul, .themes-voyages-detail ul { margin: 0; padding: 0;} .themes-voyages li, .themes-voyages-detail li { display: inline-block; float: left; font-size: 12px; padding: 2px 2px;} .themes-voyages li::before, .themes-voyages-detail li::before { content: "? "; font-family: "IcoMoon"; font-style: normal;} .text-voyages { margin-bottom:10px; clear: both;} .voyages_row .span2 { border-left: 2px solid rgba(217, 217, 217, 0.34); padding: 0 0 5px 10px; text-align: center;} .price-guide { padding:10px 0 0 0;} .prix-voyages { margin: 5px 0 10px 0; } .bouton-guide, .bouton-voyages { float: none; margin-bottom: 10px; padding: 4px 25px;} .bouton-voyages { margin-top: 10px;} .bouton-groupes {margin-bottom:40px;} i.icon-chevron-right {display:none;} #reviews { clear: both; margin-top:15px; } #reviews .ratingMessage { display: none;} #reviews blockquote small { color: #333333; font-weight: 100;} #reviews .review-comment { margin:5px 0;} .prix-voyages .prix-old { text-decoration: line-through;} .prix-voyages .prix-promo {font-weight: 600; color: #A83A19;} .prix-voyages .prix-current {font-weight: 600;} .prix-voyages .flight ul { list-style-type: none; margin: auto;} #trip-detail .prix-old { text-decoration: line-through;} #trip-detail .prix-promo {font-weight: 600; color:#A83A19;} #trip-detail .prix-current {font-weight: 600;} .pull-right .clearFilters { float: left;} .departs-voyages {font-size: 13px; margin: 10px 0;} .departs-voyages .departs-voyages-label, .voyages-privatifs { float: left; padding-right: 10px; font-weight: 600;} .tri-voyages { float: right; clear: both; margin: 25px 0 25px 0;} .tri-voyages-label { font-weight: bold; padding-right: 5px; color: #A83A19;} .note-voyages, .niveau-voyages { float: left; padding: 5px 0; text-decoration: underline; font-size: 13px; margin-right:10px;} .pays-voyages li {list-style-type: none; text-transform:uppercase;color:#A83A19; clear: left; } .pays-voyages ul {margin:0;} .theme-voyages, .pays-voyages, .prix-voyages, .type-depart-groupe, .flight {font-size:12px} #trip-detail .heading-gpe-small {min-width:60px;} .lead-prix {font-size: 22px; font-weight: 600;} #voyages .inner-list .well { /* border-bottom: 2px solid rgba(217, 217, 217, 0.34);*/} #voyages .voyages_row .mois-depart {text-transform:uppercase;color:#fff;background:#f0edec;} .voyages_row img { width: 100%; height: auto;} .img-voyages {position: relative;} #voyages .img-voyages { overflow: hidden; height: 220px;} .footer-standard .inner-detail { background-color: #fff; padding: 15px;} /*--------------- LANDING PAYS -------------------------*/ #landing-pays-title {font-weight:600;} #landing-pays-right {padding-left:10px;} #landing-pays-destis {background:#395529; color: #fff; padding-bottom:15px; margin:15px 0;} #landing-pays-destis .landing-bloc-title {text-transform: uppercase; padding:15px; font-size:16px; font-weight: 600;} #landing-pays-destis .row-related-desti a {padding:2px 15px; color: #fff; display:block;} #landing-pays-destis .row-related-desti a:hover {background:#77b056;} #landing-pays-destis .related-desti-tous {text-align:center; margin:15px 15px 5px 15px;} #landing-pays-videos {background:#fff; margin:15px 0;} #landing-pays-videos .landing-bloc-title {text-transform: uppercase; padding-bottom: 0px; border-bottom: 1px solid #000; margin-bottom: 15px; margin-top: 30px; font-size: 16px;} #landing-pays-videos .related-video, #landing-pays-videos .related-video {margin-bottom:15px;} #landing-pays-videos .related-video a, #reviews .related-video a {position:relative;} #landing-pays-videos .icon-play-circle, #reviews .icon-play-circle, #landing-fixeur .icon-play-circle {position: absolute; text-align: center; z-index: 1; font-size: 40px; top: 0; left: auto; color: #fff; right: 50%;} #landing-pays-videos .related-video-title {margin-top:5px; color:#000;} #landing-pays-avis {background:#395529; margin-top:30px; color:#fff; text-align:center;} #landing-pays-avis .landing-bloc-title {text-transform:uppercase; padding:15px 0 0 0; font-size:16px; text-align:center;} #landing-pays-avis .reviews-average-stars {display:inline-block;} #landing-pays-avis .note-wrapper {margin:15px auto;} #landing-pays-avis .btn {margin:15px;} #landing-pays-guide {margin-top:30px;} #landing-pays-guide a {text-align: left; width: 100%; box-sizing: border-box; padding: 15px; line-height: 2em; vertical-align: middle;} #landing-pays-guide .icon-pictures {margin-right: 10px; font-size: 20px;} #landing-pays-sur-mesure {margin-top: 30px; background:#F39000; color:#fff; padding:15px;} #landing-pays-sur-mesure .landing-bloc-title {text-transform:uppercase; padding:0; font-size:16px;} #landing-pays-sur-mesure .landing-bloc-subtitle {font-size:12px;} #landing-pays-sur-mesure .landing-bloc-text {margin:15px 0;} #landing-pays-sur-mesure .btn {display:block;} #landing-pays-photo {margin-top: 30px; background:#000; padding:15px; color:#fff;} #landing-pays-photo .landing-bloc-title {text-transform:uppercase; padding:0; font-size:16px; border-bottom: 1px solid #000; margin-bottom: 15px;} #landing-pays-photo .landing-bloc-text {margin:15px 0;} #landing-pays-photo .landing-bloc-btn {box-sizing:border-box;} #landing-pays-photo .landing-bloc-btn .btn {padding:4px 15px;} .landing-pays #landing-pays-titre-bloc-voyages {margin-top:15px;} .landing-pays #landing-pays-titre-bloc-voyages h2 {font-size:45px; color:#F39000; font-family: 'fertigo', 'Open Sans', sans-serif; letter-spacing:0.75px;} #voyages .featured-voyages {padding:0;} #voyages .featured-voyages .theme-featured, #accueil-main .featured-voyages .theme-featured { position: absolute; height: 60px; right: 15px; vertical-align: middle; top: -30px; padding: 5px; box-sizing: content-box; overflow: hidden; font-size: 13px; box-sizing: border-box; width: 90px; text-align: center; background: #F39000; display: none; } #voyages .featured-voyages .theme-featured p, #accueil-main .featured-voyages .theme-featured p {position: relative; top: 50%; transform: translateY(-50%);} #voyages .featured-voyages .title-featured {margin:15px 0 10px 0;} #voyages .featured-voyages .title-featured h3 {text-align:center;} /*--------------- LANDING THEMES -------------------------*/ .landing-theme .header-theme {max-height:500px; overflow:hidden;} .landing-theme .header-theme-img {width:100%; height:auto;} .landing-theme .header-theme-menus {background: #000; position: relative; display: block; box-sizing: border-box; padding: 0 15px; margin: 0; width: 100%;} .landing-theme .header-theme-parent {text-transform: uppercase; width: 50%; display: inline-block; color: #fff; float: left; text-align: center; padding: 15px 0 5px 0; box-sizing: border-box; margin: 0;} .landing-theme .header-theme-current {background: #fff; width: 50%; text-align: center; margin: 10px 0 0 0; display: inline-block; padding: 5px 0; box-sizing: border-box;} .landing-theme h1 {padding-top:60px; padding-bottom:30px;} #bloc-contact {border:1px solid #000; padding:15px;} #bloc-contact .bloc-contact-title {font-size: 16px; margin-bottom: 15px; text-align: center;} #menu-right-inspis {background-color:#000; color:#fff;} #menu-right-animaux {background-color:#395529; color:#fff;} #menu-right-ecosystemes {background-color:#A83A19; color:#fff;} .menu-right {padding:15px 0; margin-top:15px;} .menu-right-title {text-transform: uppercase; font-size:16px;padding:0 15px 10px 15px;} .row-menu-right a {color: #fff; padding: 3px 15px; display: block;} .row-menu-right a:hover {background-color:#fff; color:#000;} .row-menu-right a.active {border:1px solid #fff;} /*--- Landing Fixeur ---*/ #top-fixeur {margin-top:15px; display:flex !important; box-sizing:border-box; overflow:hidden;} #top-fixeur #top-fixeur-legend {background: #000; padding: 5px 15px; text-align: center; color: #fff; font-size: 16px;} #top-fixeur-right {border:1px solid #000;} #landing-fixeur-vimeo {margin:0 15px;} #landing-fixeur-photo {margin-top: 30px; background:#000; padding:30px 15px; color:#fff; text-align:center; box-sizing:border-box;} #landing-fixeur-photo .landing-bloc-title {text-transform:uppercase; padding:0; font-size:16px; margin-bottom: 15px;} #landing-fixeur-photo .landing-bloc-text {margin:15px 0;} #landing-fixeur-photo .landing-bloc-btn {box-sizing:border-box;} #landing-fixeur-photo .landing-bloc-btn .btn {padding:4px 15px;} #landing-fixeur #bloc-contact {border:none;} #landing-fixeur-linktopro {padding:15px; margin-top:25px;} #landing-fixeur #landing-fixeur-realisations {margin-top:30px;} #landing-fixeur #landing-fixeur-realisations a {position:relative;} #landing-fixeur .t2 {font-weight:600; font-size:20px; text-align:center; margin-bottom:30px;} #landing-fixeur .t3 {font-weight:600; font-size:16px; margin:15px 0; text-align:center;} #landing-fixeur .fixeur-film, #landing-fixeur .fixeur-mag, #landing-fixeur .fixeur-radio {margin:15px 0; display:inline-block;} #landing-fixeur .fixeur-film-title, #landing-fixeur .fixeur-mag-title, #landing-fixeur .fixeur-radio-title {font-weight:600;} #fixeur-in-action {position:relative; margin-top: 60px;} #fixeur-in-action>div {height:250px !important;} #fixeur-in-action #myCarouselPartners {height:250px !important; margin:0!important;} #fixeur-in-action .carousel-inner {height:250px !important;} #fixeur-in-action .carousel-inner .row-partner {width:50%; display:inline-block; overflow:hidden; float:left; height:250px} #fixeur-in-action .carousel-inner img {height:auto; width:100%; min-height:250px;} #landing-fixeur-services {margin-top:60px;} #landing-fixeur-services .fixeur-service {margin-bottom:15px;} #landing-fixeur-services .fixeur-service .fixeur-service-title {font-weight:600;} #landing-fixeur-services .fixeur-service .fixeur-service-title .icon-arrow-right-3:before {font-size:18px; vertical-align:top;} #main-fixeur-right {box-sizing:border-box; padding:15px; border:1px solid #000;} #landing-fixeur .fixeur-reference {margin-bottom:30px; text-align:center;} /*--- LANDING EQUIPE ---*/ #landing-equipe #intro-equipe {margin:60px 0; text-align:center; font-size:18px;} #landing-equipe .row-membre {padding-bottom:30px; margin-bottom:30px;} #landing-equipe .row-membre .membre-nom {font-family:fertigo; font-weight:600; font-size:25px;} #landing-equipe .row-membre .membre-poste {color:#A83A19; font-weight:600;} #landing-equipe .row-membre .membre-presentation {margin:30px 0;} #landing-equipe .row-membre .membre-email {font-weight:600;} #landing-equipe #bottom-equipe {font-size:25px; width:70%; margin:60px auto; text-align:center; color:#A83A19;} #landing-equipe #bottom-equipe #citation-equipe {font-weight:600;} /*--- LANDING NOTRE ESPRIT ---*/ #landing-esprit #intro-article {margin:60px 0; text-align:center; font-size:18px;} #landing-esprit .row-para-content {padding-bottom: 30px; margin-bottom: 30px;} #landing-esprit h2 {font-family:fertigo; font-weight:600; font-size:25px; margin:0 !important; padding:0;} #landing-esprit .row-para-content a.wfpopup {position:relative;} #landing-esprit .row-para-content a.wfpopup .icon-play-circle { position: absolute; text-align: center; z-index: 1; font-size: 40px; top: 0; left: auto; color: #fff; right: 50%; } /*--------------- LISTES GROUPES-------------------------*/ .groupe-garanti {color: #A83A19; font-weight:600; font-size:14px} /*.groupe-dispo {background: #0088cc; color: #fff;} .groupe-complet { background: #e62c2c; color: #fff;}*/ #voyages .voyages_row .date-depart {background: #333; color: #fff; padding: 5px 10px; font-family: 'Open Sans', sans-serif;} #voyages .voyages_row .date-depart i {margin-right:5px;} /* -----------------------------------------------------fabrik liste BLOG---------------------- ---------------------------------------------------------------------------------*/ .subtitle-blog { padding-top: 20px;} h3.title-blog a { font-weight: 600; color: #555555; font-size: 22px;} h3.title-blog a:hover { font-weight: 600; color: #A83A19; text-decoration: none;} #list_27_com_fabrik_27 .btn {display:none;} .text-blog { padding: 15px 0;} .img-blog img { width:100%} .img-blog { max-height:400px; overflow:hidden; margin-top: 20px;} .blog-listing-tags, .blog-related-tags, .blog-detail-tags {display:none} .blog-detail-related-date { font-size: 11px;} .blog-detail-title {margin-bottom:15px;} .btn-blog-detail { display: block; margin: 15px 0px;} #blog .well { border-bottom: 5px solid rgba(217, 217, 217, 0.34); padding-bottom: 25px;} .voyage-slider-note, .voyage-expert-detail .titre-expert, .voyage-expert-contact {font-size: 13px;} #col-right-voyage .pull-right {float:left; font-size: 13px; } #col-right-voyage .pull-left {padding-right:10px; font-size: 13px;} #col-right-voyage .icon-arrow-up {color:#A83A19} #blog {margin-top:20px} /* -----------------------------------------------fabrik listes gestion----------------------- -----------------------------------------------------------------------------------------------------*/ .fabrikSubGroup { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding-bottom: 50px; position: relative;} .fabrikGroupRepeater { margin-bottom: 20px;} .fk_destinations___img_main_destination img, .fk_activites___img_main_activite, .fk_hotels___img_main_hotel img, .fk_voyages___img_listes img, .fk_etapes___photo_etape img, .fk_articles___img_main img, .fk_tags___img img { max-width: 120px;} /* -------------------------------------ACCUEIL---------------------------- ---------------------------------------------------------------------------- -------------------------*/ .moduletable_search, .moduletable_search2 { padding: 15px 0; box-sizing: border-box; margin-bottom: 10px; display:inline-block;} .layout-accueil-inspirations #wrapper > div.inner {width:100%;} #home-search { padding: 0 15px;} #home-search .input-large { width: 210px; } .search-voyages .btn.sauvegarder {display:none;} #home-search #fk_recherche___id { display: none;} #home-search select { border: medium none; border-radius: 0; /*height: 50px !important; */ margin: 0 auto;} .reset-search .clearFilters.btn { padding-top: 5px; line-height: normal; color: #fff; background-color: #A83A19; border: none;} /*.search-voyages [class^="icon-"], .search-voyages [class*=" icon-"] { display: none;} */ #wrapper .inner-accueil { box-sizing: border-box; width: 1140px; margin: auto;} #home-search .btn {line-height: 23px;} #home-search #fk_recherche___rechercher {padding: 0 20px;} #home-search #fk_recherche___rechercher .btn {padding: 5.5px 10px;} #home-search input[readonly], #recherche input[readonly] { background-color: #fff; cursor: pointer;} /* ------------------------------------------modifs fabrik details circuits-------------------------- ---------------------------------------------------------------------------------------------------- */ #wrapper .inner-detail { box-sizing: border-box; margin: auto; width: 1140px;} .fabrikDetails { margin-top: 0px;} #trip-detail { position: relative;} #col-right-voyage, .col-right-listing-blog { position: relative; margin-top:30px;} .header-wrapper { position: relative; } .prix-voyages-detail.hidden-phone { display: inherit !important;} .trip-title {margin: 0;} .trip-title h1 {font-family:fertigo; color:#A83A19;} #trip-detail .carousel-control {line-height: 25px; z-index: 3; top: 50%;} .carousel-inner { overflow: hidden; width: 100%; height:500px; position: relative;} .carousel-inner img {min-height:500px;} .carousel-caption {color:#fff; font-size: 10px; background: none;} .sr-only {display:none;} #trip-detail .header {overflow:hidden;} #trip-detail .t2 {display:block; box-sizing:border-box; width:100%; background:#000; padding:10px 20px; margin:60px 0 30px 0; color: #FFF; font-size:18px;} #trip-detail .t3 {font-weight:600; font-size:16px;} #trip-detail-menu {z-index:2; box-sizing:border-box; overflow:hidden; background:#f2f2f2; background-color:#181212;} #trip-detail-menu.affix {position:fixed; top:0; left:0; width:100%; z-index:1000;} #trip-detail-menu .navbar {width:1140px; margin:auto;} #trip-detail-menu .voyage-tabs {border-bottom:none; margin:0; padding:15px 15px 0 15px;} #trip-detail-menu .navbar .nav > li > a {color:#DDD;text-shadow:none;border:none;font-size: 16px; font-family:fertigo;} #trip-detail-menu .navbar .nav > li > a:hover {color:#FFF;} #trip-detail-menu .navbar .nav > li.active > a {color:#333;} #trip-detail-menu .navbar .nav > .active > a, #trip-detail-menu .navbar .nav > .active > a:hover, #trip-detail-menu .navbar .nav > .active > a:focus {background:#f2f2f2; box-shadow:none; border:none; border-radius:0;} #vous-aimerez-voyage .t3 {margin-bottom:15px;} #trip-detail .fabrikSubGroup {padding:15px; margin-top:15px;} #trip-detail .row-etape {margin-bottom:30px; padding-bottom:15px !important; box-sizing:border-box;} #trip-detail .row-etape a {font-weight:600; color:#F39000;} #trip-detail .row-etape em {font-style:initial;} #trip-detail .row-etape h2 {margin:0; padding-bottom: 15px; font-size: 20px;line-height: 1.3em;} #trip-detail .row-etape .infos-trajets {font-size:13px; margin-bottom:15px;} #trip-detail .row-etape-destination, #trip-detail .row-etape-hebergement, #trip-detail .row-etape-activite {margin-bottom:15px; display:block; overflow:hidden;} #trip-detail .row-etape-destination {margin-top:15px;} #trip-detail .row-etape-hebergement .t4, #trip-detail .row-etape-activite .t4 {margin-bottom: 15px;} #trip-detail .infos-etape {font-size:13px} #trip-detail #countries-list {text-align: center; padding: 10px 0; background-color: #000; border-bottom: 1px solid #fff; font-weight:600; font-size:16px;} #voyage-slider-top {background-color: #000; color: #fff; padding: 10px; border-bottom: 2px solid rgba(217,217,217,0.34); margin-bottom: 10px; box-sizing:border-box;} #col-right-voyage .btn-devis .btn {padding:15px; border:none;} #header-voyage .trip-country li, #header-voyage .trip-country {color:#A83A19; font-size:16px; line-height: normal; text-transform: uppercase;} #header-voyage .header div:first-child {height:auto !important;} #header-voyage #myCarousel {margin:0 !important;} .trip-country li, .text-featured-pays li {text-transform:uppercase; font-size: 13px; float: left; padding-right: 10px; margin-bottom: 5px;} .trip-country ul { display: inline-block; list-style-type: none; margin: 0; padding: 0;} #header-expert .trip-title { background: #fff none repeat scroll 0 0; margin: 10px 0 0 0;} #header-expert .expert-subtitle { font-size: 26px; margin-bottom: 30px; margin-top: 10px;} #header-expert .expert-subtitle-pays { text-transform:uppercase; color: #A83A19;} #descriptif-expert h2 { font-size: 16px; text-transform: uppercase; font-weight: 600;} #descriptif-expert .nom-expert {color: #A83A19;} #expert-detail-voyages h2 {padding-left: 50px; color: #A83A19; text-transform: uppercase; font-weight: bold; padding-top: 50px; background: rgba(0, 0, 0, 0) url("/images/icones/VOYAGE-RESUME.gif") no-repeat scroll; background-position: 0px 53px, center;} #expert-detail-voyages { background-image: url("/images/accueil/bg-beige.gif");} .expert-detail-title-style2 {background-color:#757D94 ; margin-bottom: 30px;} .expert-detail-title-style2 h2 { font-size: 32px; background: url("/images/icones/icone-iti.png") no-repeat scroll; background-position: 5px 29px, center;} .expert-detail-incontournables-nom {color:#555555} .expert-detail-avis .img-related-infos {width: 30%; margin-right: 25px;} .expert-detail-avis {padding:30px 0} .expert-age-title, .expert-origine-title, .expert-langues-title, .expert-devise-title { text-transform:uppercase; font-size:16px font-weight:600;} .contact-block-expert .btn {margin:20px 0} .voyage-slider-length{ font-weight: 600; } /*.voyage-slider-price, .voyage-slider-link-price, .link-expert {padding-top:10px}*/ #voyage-slider-top .trip-country {margin-bottom:10px} #voyage-slider-top .trip-country a, #voyage-slider-top .trip-country li {text-align:center; float: none; text-transform: uppercase; font-weight: 600;} .header img { width:100%;} .liste-destinations { padding: 10px 15px 10px 0px; margin:0; background-color:#fff;} .liste-destinations ul { display: inline; margin: 0; padding: 0;} .liste-destinations li { list-style-type: none; display: inline-block; margin-right: 5px;} #intro-voyage {margin: 30px 0;} #intro-guide { border-top:4px solid #A83A19; margin-top: 35px; text-transform: uppercase; font-weight: bold; padding-top: 20px; font-size: 15px;} .text-pink {color:#A83A19} .etape-destination a, .voyage-expert-contact a, .voyage-link-reviews a, .voyage-link-niveau a, .voyage-hebergement-nom, #infos-equestres a, .titre-related-reviews a, .voyage-activite-nom, .autres-infos-lien a, .pays-voyages a, .title-guide a { color: #A83A19; } .voyage-notes, .voyage-niveau { font-size: 13px; font-weight:600;} .note-voyage-slider, .niveau-voyage-slider {padding: 0 5px; float: right;} .link-big-map a {color: #A83A19;} #col-right-scroll #table_map {height:200px!important} .resume-etapes {} .resume-etapes-title { background: rgba(0, 0, 0, 0) url("/images/accueil/bg-beige.gif") no-repeat scroll; background-position: 10px 6px, center;} .resume-etapes ul {list-style-type: none; margin: 0px; padding: 20px 0; } .resume-etapes h2, .title-itineraire h2, #prix-dates h2, #avis-voyage h2, #related-trips h2, #bottom-voyage h2, #expert-detail-voyages h2 { /*font-size:32px;*/} .resume-etapes li a, .row-activites a, .row-hebergements a, { color:#555555;} .resume-etapes li a:hover, .row-activites a:hover, .row-hebergements a:hover, #avis-voyage a:hover, #contact1 a:hover, #menu-footer a:hover, .featured-title h3 hover { color:#F39000;} .resume-etapes li a { color: #A83A19;} .row-fluid.row-destination, .row-fluid.row-transports, .row-fluid.row-hebergement, .row-fluid.row-activites { margin: 15px 0; } .title-itineraire h2, #prix-dates h2, .expert-detail-title-style2 h2, .title-itineraire, #avis-voyage h2, .resume-etapes h2, #autres-infos-voyage h2, #voyage-hebergements h2, #infos-equestres h2 { color: #fff; text-transform: uppercase; font-weight: 600; padding-left: 20px; background-color: #A83A19;} .title-itineraire { } #avis-voyage.well { margin-bottom:0px; } #avis-voyage .note-review { margin-bottom:25px; margin-top: 5px; } #related-reviews {padding-bottom:25px} #prix-dates h2 { margin: 50px 0;} .etape-activites { margin-right: 2%;} .row-fluid .etape-destination { margin-left: 0; /* height: 350px; */ /* overflow: hidden; */} .row-fluid .etape-destination img { margin-bottom: 10px; max-height: 350px; width: 100%;} #prix-dates .btn { background-color: #A83A19; color: #fff; font-size: 12px; line-height: 18px;} #prix-dates .btn:hover{ background-color: #F39000; } #descriptif-voyage h3 {text-align:center;} .etape-destination h4 { font-size:16px; font-weight: 600; } #descriptif-voyage .btn { width: 100%; color: #A83A19; text-decoration: none; font-weight: 600; outline: none; border-bottom: 5px solid #A83A19; margin-bottom: 0; text-align: left; padding: 5px 0; font-size: 15px;} #descriptif-voyage .btn:hover,#descriptif-voyage .btn:active, #descriptif-voyage .btn:focus { background: #F39000; color: #fff;} #descriptif-voyage .icon-plus {padding-right:10px} #descriptif-voyage .well { border-bottom:1px solid #00000030; padding:0;} .row-activites, .row-hebergement, .row-transports {margin:10px 0} .etape-hotel img, .etape-activites img { width: 200px; height: 120px; margin-bottom: 5px;} #col-right-voyage .well, #col-right-guide .well, .col-right-listing-blog { margin-bottom: 0px; padding: 20px; /*box-shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.1);*/} #col-right-voyage .well { padding: 10px; } .contact-block h3 { margin-bottom:15px} .expert-title-right h3{ /*color: #A83A19;*/} .btn-devis .btn-large, .btn-groupe .btn-large { margin: 10px 0; padding: 5px 30px; text-transform: uppercase;} #related-trips { position: relative;} #col-right-scroll.affix { position: fixed; top: 60px; font-size: 15px; width: 363.83px; } #col-right-scroll.affix-top { position: static; top:0px; width: 100%;} #col-right-scroll.affix-bottom { position: absolute; bottom: 0px; left:0px; top: auto;} .etape-img {max-height: 420px; overflow: hidden; margin-left: 0 !important;} .row-hebergement .etape-img {max-height: 120px; overflow: hidden; margin-right: 10px !important;} .row-hebergement .hotel-span {margin-bottom:10px;} .row-hebergement .hotel-span img, .row-activites .activite-span img {max-height: 140px; overflow: hidden; max-width: 230px; margin-bottom: 10px;margin-right: 15px;} .row-hebergement .hotel-span a, .row-activites .activite-span a {color:#A83A19} .row-activites .fabrikRepeatData { padding:0; margin: 0;} .row-activites .activite-span { padding-right: 10px;} .row-activites .fabrikRepeatData > li { white-space: normal; max-width: none; overflow: visible; text-overflow: ellipsis;} .row-destination { text-align: center; text-decoration: underline;font-size: 16px; font-weight: 600;} .note-wrapper { margin: 3px 2px; float: right; height: 16px; width: 80px; background: transparent url("/images/stories/rating_stars5.png") repeat-x scroll 0px 0px;} #related-reviews .note-wrapper {display:inline-block;float:none;} #avis-voyage #related-reviews .note-review {margin-bottom:10px;} .note-voyageurs { background: rgba(0, 0, 0, 0) url('/images/stories/rating_stars5.png') repeat-x scroll 0 -32px; height: 16px;} .niveau-wrapper { margin: 3px 2px; float: right; height: 16px; width: 64px; background: transparent url("/images/stories/niveau-rando.png") repeat-x scroll 0px 0px;} .niveau-voyage-slider .niveau-wrapper {width: 80px; margin: 0 5px; padding: 0;} .niveau-voyageurs { background: rgba(0, 0, 0, 0) url('/images/stories/niveau-rando.png') repeat-x scroll 0 -32px; height: 16px;} .voyage-slider-note .note-wrapper { margin-right:50px} .voyage-expert-detail {/*margin:20px 0*/} .voyage-expert-detail .titre-expert { } .voyage-expert-detail .nom-expert { text-transform:uppercase; font-weight:bold; font-size: 16px; } .voyage-expert-photo {max-height: 90px; overflow: hidden;} .voyage-expert-photo img {height: 90px; border-radius: 50%; width: auto;} .voyage-expert-prenom {font-weight: 600;} .voyage-expert-presentation {clear:both; padding-top: 15px;} .voyage-link-reviews {text-align:right; margin-bottom:10px;} .voyage-hebergement-duree, .voyage-activite-duree {font-weight:bold} .voyage-hebergement.row-fluid, .voyage-activite.row-fluid {margin-bottom: 30px;} .voyage-hebergement-intro, .voyage-activite-intro {margin-top:20px} #infos-equestres h3, #autres-infos-voyage h3, #infos-equestres h4, #autres-infos-voyage h4 { font-weight: 600; margin: 20px 0 0 0;} #trip-detail h2 {} .voyage-icone img {max-height:125px} #trip-detail-inner .row-hebergement, #trip-detail-inner .row-transports { margin: 10px 0;} #trip-detail-inner .row-transports h4, #trip-detail-inner .row-hebergement h4, #trip-detail-inner .row-transports .t4, #trip-detail-inner .row-hebergement .t4, #trip-detail-inner .row-destination .t4 {font-size:14px; font-weight:600} .voyage-hebergement-img, .voyage-activite-img {/*max-width: 150px;*/ } .voyage-hebergement-nom, .voyage-activite-nom {text-align:left; padding-bottom: 5px;} .voyage-activite-intro, .voyage-hebergement-intro { margin-top: 20px; margin-bottom: 10px;} #col-right-voyage .map-detail {margin-bottom:10px} #col-right-voyage .scroll-top {background-color: #A83A19; color: #fff; padding: 0 5px; margin-right: 5px;} .text-info {color:#A83A19;} /* ------------ Landing guides par pays ------------*/ #landing-guide {margin:15px 0;} #landing-guide #top-guide {display:flex !important; box-sizing:border-box; overflow:hidden;} #landing-guide #top-guide-left {position:relative;} #landing-guide #top-guide-img {max-height:400px; overflow:hidden;} #landing-guide #top-guide-img img {width:100%; height: auto;} #landing-guide #top-guide-pays {position: absolute; text-align: left; left: 50px; bottom: 50px; width: 100%; padding: 20px 0 10px 0; z-index: 2; line-height: 60px;} #landing-guide #top-guide-pays .titre1 {font-size: 60px; font-weight: 600; color: #fff; -webkit-text-fill-color: transparent; -webkit-text-stroke-width: 2px;} #landing-guide #top-guide-pays .titre2 {font-size: 70px; font-weight: 600; color: #fff;} #landing-guide #top-guide-right {border:1px solid #000; box-sizing:border-box; overflow:hidden; padding:15px; text-align:center;} #landing-guide #top-guide-right .btn-guide {margin:30px 0;} #landing-guide #top-guide-right #bloc-contact {border:none !important; padding:0 !important;} .moduletable_search .reset-search {display:none;} #landing-guide h1, #reviews h1, #landing-fixeur h1, #header-base-guide h1 {margin:30px 0; width:100%; font-size:45px; line-height:1.2em; text-align:center; color:#F39000; font-family: 'fertigo', 'Open Sans', sans-serif; letter-spacing: 0.75px;} #landing-guide .t3 {font-size:16px; font-weight:600; margin-bottom:15px;} #landing-guide #featured-destis, #landing-guide #featured-hotels {margin-bottom:60px;} #landing-guide .row-featured {position:relative;} #landing-guide .row-featured a, #landing-guide .row-featured a:hover {color:#000;} #landing-guide .row-featured img:hover, #landing-guide .row-featured img:hover { opacity:0.7; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } #landing-guide #featured-destis .img-featured {position: relative; height: 220px; overflow: hidden;} #landing-guide #featured-hotels .img-featured {position: relative; height: 180px; overflow: hidden;} #landing-guide #featured-destis .img-featured img {min-height:220px; width:auto;} #landing-guide #featured-hotels .img-featured img {min-height:180px; width:auto;} #landing-guide .pays-featured {position: absolute; right: 0; top: 10px; background: transparent; padding: 3px 10px;} #landing-guide .title-featured {position: absolute; bottom: 10px; width: 100%; padding: 5px 15px; background-color: rgba(255,255,255,0.8); box-sizing: border-box;} #landing-guide .btn-destis, #landing-guide .btn-hotels {text-align:center; margin:30px 0;} /* ----- details guide ------*/ #guide-detail {margin-top:15px;} #guide-detail .guide-detail-title { background: #000; width: 100%; box-sizing: border-box; padding-left: 15px; display:inline-block; } #guide-detail .guide-detail-title h1 {font-size:20px; color:#fff; float:left; font-weight:normal; text-transform: uppercase; font-family: fertigo; padding:5px 0;} #guide-detail .destination-guide {float: right; color: #F39000; padding: 12px 15px; font-family: fertigo; font-size: 15px;} #gallery { overflow: hidden;} #gallery .fabrikSubElementContainer { float: left; margin-right: 5px; margin-top: 3px;} /*.carousel-control {display:none}*/ #gallery .gallery-thumbnail {width:25%; display:inline-block;} .carousel-control { position: absolute; z-index:3; top: 50%; left: 15px; width: 30px; height: 30px; margin-top: auto; font-size: 30px; font-weight: 600; line-height: 25px; color: #fff; text-align: center; border: 3px solid #fff; -moz-border-radius: 23px; border-radius: 23px; opacity: 0.4; filter: alpha(opacity=50);} .resume-etapes .map-detail { overflow: hidden; height: 350px; position: relative;} .map-detail .fabrikGoogleMap { position: relative;} #guide-voyage .img-guide { max-height: 200px; overflow: hidden;} #guide-detail .pays-detail-guide {margin:15px 0 0 0; background:#000; color:#fff; font-size:20px; text-align:center; text-transform:uppercase; padding:15px; font-family:fertigo;} /* LISTE DES AVIS / reviews */ #reviews #top-reviews { display: flex !important; box-sizing: border-box; overflow: hidden; } #reviews #top-right-reviews { padding: 15px; box-sizing: border-box; text-align: center; border: 1px solid #000; overflow: hidden; } #reviews #top-right-reviews #bloc-contact { border: none !important; padding: 0 !important; } #reviews #reviews-invite .bloc-contact-title { font-size: 16px; margin-bottom: 15px; text-align: center; } #reviews #menu-right-reviews { background-color: #395529; color: #fff; } /* -------ACCUEIL------------*/ .home-title {font-size:55px; font-weight:bold; text-align:center; margin:60px 15px 30px 15px; line-height:1em; display:block; box-sizing:border-box;} .featured-voyages, .featured-themes {padding: 25px 0 60px 0;} .featured-themes h2, .featured-voyages h2 {font-weight: 600; font-size: 40px; text-align: center; padding-bottom: 30px;} /* Featured Voyages */ .row-featured-trip {margin-bottom: 40px;} .featured-voyages img {min-height: 220px; background:#FFF; transition: opacity 0.5;} .featured-voyages img:hover { opacity:0.7; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .featured-voyages a, .featured-voyages a:hover {color:#000;} .featured-voyages .img-featured {position:relative; height: 220px; overflow: hidden;} .featured-voyages .pays-featured {position:absolute; right:0; top:10px; background:transparent; padding:3px 10px;} .featured-voyages .intro-featured { margin: 10px 0;} .featured-voyages ul.fabrikRepeatData {display: inline; margin:0; padding:0;} .featured-voyages li {list-style-type:none; display:inline;} .featured-voyages li:after {content: ", ";} .featured-voyages li:last-child:after {content: "";} .featured-voyages .text-featured {position: absolute; bottom: 10px; width: 100%; padding: 5px 15px; background-color: rgba(255,255,255,0.8); box-sizing:border-box;} #accueil-main .featured-voyages .title-featured h3 {/*font-size:16px;*/ text-align:center; margin-top:5px;} /* Featured Themes */ .featured-themes .row-featured-themes {margin-top:30px;} .featured-themes a, .featured-themes a:hover {color:#fff; font-weight:600;} .featured-themes .span-themes {height:220px; overflow:hidden; position:relative; text-align:center; margin-bottom: 15px;} .featured-themes .span-themes img {width:100%;} .featured-themes .img-themes-center {height:220px; line-height:220px;} .featured-themes .img-themes-center img {vertical-align:center;} .featured-themes .span-themes .featured-theme-cover {/*background: #FFF; background-size: cover; background-color:rgba(255,255,255,0.5); */height: 100%; position: absolute; top: 0; width: 100%;} .featured-themes .span-themes .featured-theme-cover:hover { background-color:rgba(255,255,255,0.1); background: transparent; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .featured-themes .span-themes .featured-theme-title {position:absolute; top:40%; left:0; right:0; text-transform:uppercase; font-size:15px;} .featured-themes .span-themes .featured-theme-title:after { content: ""; display: block; width: 30%; height: 6px; background: #fff; margin: 8px auto 0; -moz-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } .featured-themes .span-themes:hover .featured-theme-title:after{width: 50%;} /* Featured Partners */ .featured-partners {padding: 25px 0 60px 0;} .featured-partners h2 {font-weight: 600; color:#000; font-size: 40px; text-align: center;} .featured-partners .header-diapo-wrapper {height:150px !important;} .featured-partners .header-diapo-wrapper #myCarouselPartners {margin: 0px !important; height:150px !important;} .featured-partners .header-diapo-wrapper>div {height:150px !important;} .featured-partners .carousel-inner {height: 150px !important;} .featured-partners .header-diapo-wrapper .carousel-inner > .item {position: relative; height: 150px; overflow: hidden;} .featured-partners .header-diapo-wrapper .carousel-inner > .item .row-partner {height:150px; text-align:center;} .featured-partners .carousel-inner img {min-height:auto !important; margin-top: 25px; max-height:150px} /* fabrik details infos-pratiques et blog */ #guide-detail h2, #descriptif-article h2, .footer-standard h2, .seo-accueil h2 { margin: 20px 0;} #guide-detail h3, #descriptif-article h3, .footer-standard h3, .seo-accueil h3 { font-weight: 600; margin: 20px 0;} #guide-detail h4, #descriptif-article h4, .footer-standard h4, .seo-accueil h4 { font-weight: 600; margin: 10px 0;} .img-article img { width: 100%; } .row-related-infos { margin: 8px 0; } .img-related-infos { width: 100%; margin-right: 25px; } .img-related-infos img { width: 100%; margin-bottom: 5px; margin-top: 10px; } .title-related-infos { width: 50%; display: inline; font-size: 15px; } #bottom-voyage #related-reviews .img-related-infos { width: 30%; margin-right: 25px; } #avis-voyage #related-reviews .img-related-infos img { width: 50%; margin-right: 25px; height: auto;} #col-right-scroll-guide h3, #reviews-invite h3,/* #col-right-guide h3*/, .col-right-listing-blog h3, .destination-guide, .themes-voyages-detail { text-transform: uppercase; font-size: 16px; font-weight: 600; color: #A83A19;} #col-right-guide h3, .themes-voyages-detail, .prix-guide { text-transform: none; font-size: 15px; text-align: center; font-weight: 600;} #comments .page-header h2 { font-size: 32px; /*color: #A83A19; */ font-weight: 600;} legend { font-size: 15px; font-weight: bold; border-bottom: 5px solid rgba(217, 217, 217, 0.34); } #comments .row-fluid {margin-top:20px;} #comments .text-answer {margin-left:10%;} #comments blockquote p {font-size: 14px; font-weight: initial;} #other-article {margin-top:40px} /* ------------------------------------------------------------------------fabrik related modules- -----------------------------------------------------------------------------------------------------------------------------*/ #related-reviews .note-wrapper {margin: 0;} #related-trips {clear: both;} #related-trips h2 { margin-bottom: 10px;} .related-trip-pays{color:#A83A19} #related-trips img { margin-bottom: 15px; width: 100%; min-height: 160px; } .img-related-trips { max-height: 160px; overflow: hidden; margin-bottom: 10px;} #related-trips h3, #related-reviews h3 { font-size: 15px; padding-bottom: 10px; font-weight: 600;} #related-trips .well { padding: 0px; background: none;} #related-trips .bouton-related-trips { display: none;} .text-related-trips { border-top: 5px solid #A83A19; padding: 10px 0; margin-bottom: 25px; clear: left;} #bottom2-voyage .text-related-trips { border-top: 5px solid #01a6b6;} .related-trips-length { font-size: 18px; font-weight: bold; padding-top: 7px;} .related-trips-price { font-size: 15px; padding-top: 6px;} .intro-related-trips {min-height:80px;} #review-detail .title-related-infos {font-size: 13px; clear: both; display: block; width: 100%; padding-bottom: 10px;} #review-detail .nom-related-reviews {color:#373b3e} #review-detail h2 {font-size: 32px; font-weight: 600; padding: 15px 0; text-align: left;} .note-related-trips { float: left; padding-bottom: 10px;} /* ---------------------------------------fabrik formulaires voyage et sur-mesure ------------- ---------------------------------------------------------------------------------------------------*/ .fabrikActions {text-align:center;} #wrapper .inner-form { box-sizing: border-box; margin: auto; width: 1140px;} #form-sur-mesure, #form-voyage {margin-top:50px} #form-sur-mesure .fabrikActions, #form-voyage .fabrikActions { background-color: #FFF; border: none; text-align: center; font-size:16px; padding:10px 20px;} #form-sur-mesure h2, #form-voyage h2 { color: #fff; text-align: center; margin-bottom: 20px; background-color: #A83A19; font-size: 18px; } #form-sur-mesure h1, #form-voyage h1 { padding-top:25px } #form-sur-mesure .icon-eye-open, #form-voyage .icon-eye-open {/*display:none*/ } #form-sur-mesure .fabrikGroup, #form-voyage .fabrikGroup { background: #fff none repeat scroll 0 0; clear: left; margin-bottom: 30px; padding: 15px;} #form-sur-mesure label, #form-voyage label { font-weight: bold;} #form-sur-mesure input[readonly], #form-voyage input[readonly] { background-color: #fff; cursor: pointer;} #form-sur-mesure .calendarbutton, #form-voyage .calendarbutton { border: 1px solid #ccc; padding: 3px 12px;} #form-sur-mesure #fk_demandes___destinations .span3 { border: 1px solid #ccc; height: 235px; margin-bottom: 15px; max-width: 250px !important; padding: 5px 10px; position: relative; text-align: left;} #form-sur-mesure #fk_demandes___destinations .option-title { vertical-align: middle; padding-left:8px} #form-sur-mesure #fk_demandes___destinations .option-img { margin: 10px 0; max-height: 120px; overflow: hidden;} #form-sur-mesure #fk_demandes___destinations .option-link { position:absolute; bottom: 10px; right: 10px; font-weight: 600;} #form-sur-mesure #fk_demandes___destinations .checkbox { padding-left: 0; cursor: default;} #form-sur-mesure #fk_demandes___destinations .checkbox input[type="checkbox"] { margin-left: 0;} #form-sur-mesure .btn-group .button, #form-voyage .btn-group .button, #form-user-front .btn-group .button { font-size: 16px; padding: 10px 20px; white-space: normal;} #form-sur-mesure .inner-form a {} #form-sur-mesure .inner-form a:hover {} #form-sur-mesure .bg-white a {color:#A83A19} #form-sur-mesure .bg-white a:hover {color:#A83A19} /* ---------------------------------------fabrik formulaire newsletter ------------- ---------------------------------------------------------------------------------------------------*/ .form-newsletter { } /* -----------------------------------------------------------------------------FOOTER ---------------------*/ /*------------------------------------------------------------------- Newsletter---------------*/ #newsletter { padding-top: 15px; } #newsletter .input-append { margin-top: 15px; margin-left: 0;white-space: normal;} #newsletter .input-append .btn {} #newsletter h3 {text-transform: uppercase; font-weight: bold; line-height: 140%;} .logo-nl {float:left; } .newsletter-subtitle { margin-left: 2px;} #newsletter .form-horizontal .controls { margin-left: 0; white-space: normal;} #wrapper1 { background-color: #181212; position: relative; z-index: 1; margin-top: 15px; padding: 20px 0;} #wrapper1 > div.inner { color: #FFFFFF; width:100%; box-sizing:border-box;} #footer .moduletable { margin-top: 15px;} #footer .moduletable_mod2 { margin-top:25px;} #newsletter h3 { color:#fff;} #footer2 a { color: #fff;} #footer { position: relative; margin: 25px auto;height: 300px;padding-bottom: 30px; width:90%;} #footer > div.inner { padding: 0px;} #footer h3, #contact-bottom h3, .footer-titre { color: #fff; text-transform: uppercase; text-align: left; font-size: 16px; margin: 20px 0 10px;font-weight: 600;} #newsletter .btn, #contact-bottom .btn, #footer .btn { color: #fff; border: none;} #footer a { color:#A83A19;} #footer a:hover { color:#F39000;} #footer a.btn:hover { color:#fff;} #contact-bottom { padding:30px 0;/*Contact bottom caché*/ display: none;} #contact1, #contact2, #contact3, #footer2, #footer3, #footer1 { border-right: 2px solid; border-color: rgba(255,255,255,0.2); padding-right: 10px;} #contact1 h4 { color: #fff; font-weight: bold; background: rgba(0, 0, 0, 0) url("/images/footer/icone-tel-footer.jpg") no-repeat scroll 0px; padding-left: 25px; font-size: 25px; margin-bottom: 20px;} #contact1 a {color:#fff;} #footer2 ul {list-style-type:none; margin: 0 0 0 15px;} #footer2 li {display : list-item; list-style-image : url(/images/footer/fleche-footer.jpg); font-size: 13px;} #footer3 img {float:left; margin-right:20px;} #payment-bottom .btn { margin-top: 15px;} #payment-bottom img {margin-right:15px} #payment-bottom { margin-top: 15px;} #presse {background-color:#fff} #presse h3 {text-align:center;} .logo-footer-baseline { padding-left: 46px;} #menu-footer {background-color:#2a2e31;text-align: center;} #menu-footer li a {color:#fff; font-style: italic;} .moduletable_contact_top {float:right;} .moduletable_gtranslate {float:right; margin-right:20px;} a.flag img { padding: 0px 5px;} .custom_contact_top .social-icons {display:inline-block; height:22px; width:auto;} .social-icons span {float: left; margin-right: 10px; width:22px; height:22px; background-size: cover;} .social-icons span:hover {background-size: cover;} .facebook {background: rgba(0, 0, 0, 0) url("/images/stories/social-icons/Facebook_2.png") no-repeat scroll 0px;} .facebook:hover {background: rgba(0, 0, 0, 0) url("/images/stories/social-icons/Facebook.png") no-repeat scroll 0px;} .insta {background: rgba(0, 0, 0, 0) url("/images/stories/social-icons/Instagram_2.png") no-repeat scroll 0px;} .insta:hover {background: rgba(0, 0, 0, 0) url("/images/stories/social-icons/Instagram.png") no-repeat scroll 0px;} .youtube {background: rgba(0, 0, 0, 0) url("/images/stories/social-icons/Youtube_2.png") no-repeat scroll 0px;} .youtube:hover {background: rgba(0, 0, 0, 0) url("/images/stories/social-icons/Youtube.png") no-repeat scroll 0px;} .twitter {background: rgba(0, 0, 0, 0) url("/images/stories/social-icons/Twitter_2.png") no-repeat scroll 0px;} .twitter:hover {background: rgba(0, 0, 0, 0) url("/images/stories/social-icons/Twitter.png") no-repeat scroll 0px;} .vimeo {background: rgba(0, 0, 0, 0) url("/images/stories/social-icons/Vimeo_2.png") no-repeat scroll 0px;} .vimeo:hover {background: rgba(0, 0, 0, 0) url("/images/stories/social-icons/Vimeo.png") no-repeat scroll 0px;} .contact-top {float:right; text-transform:uppercase; } .contact-top a {vertical-align:top;} #footer4 .social-icons span {float: left; margin-right: 10px; width:45px; height:45px; background-size: cover;} /* general */ [class^="icon-"], [class*=" icon-"] { margin-right: 0px;} #form-contactez-nous [class^="icon-"], #form-contactez-nous [class*=" icon-"], #comments [class^="icon-"], #comments [class*=" icon-"]{display:none;} #form-contactez-nous .form-actions { padding-left: 0;} label, label.fabrikTip {margin-bottom:5px; display:block!important;} #fk_comments___note label {display:inline-block!important;} .input-append input {padding: 6.5px;} .h-margin { margin: 15px 0;} .h-padding { padding: 15px 0;} .l-margin { margin: 0 15px;} .l-padding { padding: 0 15px;} .b-margin { margin: 0 0 15px 0;} .t-margin { margin: 15px 0 0 0;} .rgt-margin { margin: 0 15px 0 0;} .lft-margin { margin: 0 0 0 15px;} .outline { outline: thin dotted #08c;} .bg-white { background: #fff none repeat scroll 0 0; padding-top: 2px;} .bg-black { background: #555555 none repeat scroll 0 0; color: #FFFFFF; padding: 15px;} .two-rows { min-height: 60px;} .mceContentBody { background: #fff none repeat scroll 0 0;} .icon-star { color: #ffcc00;} .btn-success, .btn-info {border: 1px solid #c4c4c4; background: #fff; color: #565a5c;} .btn-success:hover, .btn-info:hover, .btn-success:active, .btn-info:active, .btn-success:focus, .btn-info:focus { border: 1px solid #aaa;background: #F2F2F2; color: #565a5c; } /*icones*/ #prix-dates.well { padding:0px;} #prix-dates h3, #prix-dates h4 { margin: 20px 0; padding-bottom: 15px; text-transform: uppercase; font-size: 15px; font-weight: 600; border-bottom: 5px solid;} #prix-dates th { font-weight: 600; } #prix-dates .fabrikRepeatGroup___fk_voyages_44_repeat___prix {font-weight: 600;} #reviews-invite { margin-top: 30px; float: none; margin-bottom: 30px;} #list_10_com_fabrik_10 h3.title-guide a, #list_24_com_fabrik_24 h3.title-guide a, #list_8_com_fabrik_8 h3.title-guide a, #list_16_com_fabrik_16 h3.title-guide a, #list_42_com_fabrik_42 h3.b-margin a { /* padding-left:30px;*/font-weight:600; color: #555555;} #list_42_com_fabrik_42 h3.b-margin a { padding-left: 0px;} #list_10_com_fabrik_10 h3.title-guide a:hover, #list_24_com_fabrik_24 h3.title-guide a:hover, #list_8_com_fabrik_8 h3.title-guide a:hover, #list_16_com_fabrik_16 h3.title-guide a:hover, #list_42_com_fabrik_42 h3.b-margin a:hover { color: #A83A19;} #list_42_com_fabrik_42 h3.b-margin a:hover { padding-left: 0px;} /*.etape-img img {width:89% }*/ /*----------------------------------------------------------------- POLICES-------------------------------------- */ .header-pano-trip, .header-pano-tab, #home-search .input-large, .featured-subtitle, .btn, .featured-voyages, .featured-guides-expertise, .review-average.span4, .title-featured-guides, #bannerlogo,.logo-footer-baseline, .trip-country, .voyage-expert-detail .titre-expert, .voyage-expert-detail .nom-expert, #intro-guide, .resume-etapes li a, .etape-destination h4, .row-hebergement h4, .row-activites h4, .row-transports h4, #prix-dates th, .text-featured-pays,.title-related-infos, #col-right-scroll-guide h3,#header-expert .expert-subtitle, /*menu#bannermenu li.level1 > a span.titreck, #bannermenu li.level1 > span.separator span.titreck, #bannermenu div.floatck ul.maximenuck2 li a*/ {font-family: 'Open Sans', sans-serif;} a:hover { color: #A83A19; text-decoration: none;} /*------------------------------------------------------------------ACCUEIL---------------------------------------*/ #wrapper1 .btn {font-size:15px} .header-pano-wrapper {z-index:1;} .moduletable_search2 {position : relative;margin-top: -65px;height: 65px;z-index:2; background: rgba(0, 0, 0, 1);margin-bottom: 0;} .inner-accueil .btn { padding: 10px 20px; font-size: 13px; text-align: center; color: #333; background: #fff; border: 1px solid #cccccc;} .inner-accueil .btn:hover, .inner-accueil .btn:active { color: #fff; background: #A83A19;} .custom_concours_accueil { text-align: center; margin: 20px 0;} /* -------------------------------------------------------------------------NAVIGATION------------------------- */ .limit {float:left; margin-right: 30px; margin-bottom: 30px;} .pagination-list {padding:0} .limit small {font-size:14px} .input-append, .input-prepend {font-size:14px;} input, button, select, textarea { font-family: 'Open Sans';} .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: auto; min-width: auto; padding: 4px 5px; font-size: 100%; font-weight: normal; line-height: 18px; text-align: center; text-shadow: none; background-color: #fff; border:none;} .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span { background-color: #fff;} .moduletable_breadcrumb .icon-location {display:none;} /*----------------------------------------------------------ESPACE CLIENT------------------------------------*/ .moduletable_connexion_client { margin-top: 50px; text-align:right;margin-bottom: 10px;} .moduletable_connexion_client .login-greeting {float:left;margin-top:5px;} .moduletable_connexion_client .logout-button .btn {} .moduletable_menu_client {margin-bottom:20px;} .moduletable_menu_client ul {border-bottom: 1px solid #333;} .moduletable_menu_client li {margin-bottom: -1px !important;} .moduletable_menu_client li:hover,.moduletable_menu_client li.active {background:#333;} .moduletable_menu_client a {height: 30px !important;padding-top: 10px;} .moduletable_menu_client li:hover a, .moduletable_menu_client li.active a {color:#fff;} .espace-client h2 { background: #333 none repeat scroll 0 0; color: #fff; margin: 15px 0; padding: 3px 10px; font-size: 20px;} .espace-client-table thead th {background: #333 none repeat scroll 0 0; color: #fff;font-size: 13px;} .espace-client-table td {font-size:13px; line-height:25px;} .espace-client .body-ec {margin-top:30px;} .login { margin-top: 40px; margin-left: 10px;} #form-devis-front h2, #form-paiement h2, #retour-paiement h2, #detail-devis-front h2 { background: #333 none repeat scroll 0 0; color: #fff; margin: 15px 0; padding: 3px 10px;} #form-login .controls {text-align:center;} #form-login .controls .login-btn {color:#fff !important;margin-top:15px;} #form-login li {line-height:25px;} #form-login .nav-tabs.nav-stacked > li > a {border:2px solid #F39000; color:#F39000 !important; text-align:center; } #form-login .nav-tabs.nav-stacked > li > a:hover {border:2px solid #F39000; background-color:#F39000; color:#FFFFFF !important;} /* -------------------------------------------------------------------------GUIDES------------------------- */ #header-expert h1 { text-transform: uppercase; font-weight: 600; /*color: #A83A19;*/} #header-accompagnant h1 {padding-bottom: 0;} .img-polaroid { padding: 0; border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;} /* -------------------------------------------------------------------------Formulaire CONCOURS------------------------- */ .concours { border: 1px solid #A83A19; margin-top: -40px; padding: 10px;} .concours .fabrikSubGroup { border-bottom: none; margin-bottom: 0px; padding-bottom: 0px; position: relative;} .concours .fabrikGroup { margin-bottom: 0px!important; padding: 0px!important;} #fk_concours_2017___reglement { margin-top: 20px; margin-bottom: -20px; color: #A83A19;} .concours h2 { background-color: #181212!important;} /* ------------------------------------------- AFFICHAGE SELON RESOLUTION --------------------------- */ @media screen and (min-width: 1590px) {.header-pano-img { min-width: 1620px;}} @media screen and (min-width: 1620px) {.header-pano-img { max-width: 1920px;}} /* - @media screen and (min-width: 768px) { #header-accueil .header-pano-wrapper {display:none}} */ @media screen and (max-width: 767px) { #header-accueil .header-pano-wrapper-video {display:none} .zopim { display: none!important;}} /* ------------------------------------------- Menu mobile --------------------------- */ .mobilebarmaximenuck { height: 45px; position: absolute !important; right: 25px; top: 11px; z-index: 100;} .mobilebarmenutitleck { padding-left: 20px; line-height: 35px; color: #000; font-size: 16px;} .mobilebuttonmaximenuck { position: absolute; right: 0; top: 0; z-index: 100; bottom: 0; width: 40px; /*background: url(icon_launch.png) left center no-repeat;*/ /*float: right;*/ margin: 5px; cursor: pointer; background-color: #e5870e;} .mobilemaximenucktopbar { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border-bottom: none; box-shadow: none; color: #000; height: 45px; position: absolute; right: 50px; top: 15px; } .mobilemaximenuck .mobilemaximenuckclose { background: #e5870e none repeat scroll 0 0; height: 40px; width: 40px; display: block; cursor: pointer;} .mobilemaximenuck .mobilemaximenuckclose:after { color: #fff; content: "X"; font-family: arial; font-size: 30px; line-height: 40px;} .mobilebuttonmaximenuck:after { content : "="; position: absolute; bottom: 0; width: 100%; top: 0; left: 0; color: #fff; font-family: serif; font-size: 40px; line-height: 30px; text-align: center;} .mobilemaximenuck {position:static !important; background-color: #fff; background-image: none; text-shadow: none; max-height:400px; padding-bottom: 20px;} .mobilemaximenuck .level1 { font-weight:bold} .mobilemaximenuck .level1 .hidden {visibility: visible;} .mobilemaximenuckitem { display: block; padding: 0; vertical-align: top; width: auto; background: #FFF;} .mobilemaximenuck div.maximenuck { border-bottom: 1px solid #000; padding: 0; margin: 0; color:#000;} .mobilemaximenuck div.maximenuck:hover { background: #e5870e; border-radius: 0; color:#FFF;} .mobilemaximenuck div.maximenuck > a { text-transform: uppercase; padding: 8px; color: #000; text-decoration: none; display: block; padding: 0; text-align: center; padding: 8px;} .mobilemaximenuck div.maximenuck > a:hover { color: #fff;} .mobiletextck { text-align: left;} .mobilemaximenucktogglericon { background: none; font-size: 18px; height: 30px; padding-top: 5px; position: absolute; right: 15px; text-align: right; top: 0; width: 100%;} .mobilemaximenucktogglericon::after { content:"+";} .mobilemaximenucktogglericon:hover::after { color: #FFF !important;} .mobilemaximenuck div.current > a::after { background: none;} .mobilemaximenuck div.maximenuck + .mobilemaximenucksubmenu { position: relative; padding-left: 30px;} /*-----------------Suppression underline liens --------------*/ a {text-decoration: none!important;}